<template>
  <router-view />
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "App"
});
</script>

<style>
/* 解决element-ui的table表格控件表头与内容列不对齐问题 */
.el-table th.gutter {
  display: table-cell !important;
}
/* 禁止滚动 */
body,
html {
  overflow-y: hidden;
  height: 100%;
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none; /* li在一行显示 */
}

ul {
  margin: 0;
}
html,
body,
#app,
.el-container {
  /*设置内部填充为0，几个布局元素之间没有间距*/
  padding: 0px;
  /*外部间距也是如此设置*/
  margin: 0px;
  /*统一设置高度为100%*/
  height: 100%;
  width: 100%;
}
.el-header {
  height: 60px;
  margin: 0;
  padding: 0;
}
/* el-loading图标大小 */
.el-loading-spinner {
  font-size: 30px;
}
.el-loading-spinner .el-loading-text {
  color: #409eff;
  margin: 10px 0 !important;
  font-size: 40px;
}
.main {
  height: 400px;
  border: 1px solid #eee;
}
@media screen and (min-width: 1080px) {
  .main {
    width: 1080px;
  }
}
/*设置在屏幕（浏览器）不小于1201px时，main的宽度显示宽度为1200px*/
@media screen and (max-width: 1000px) {
  .main {
    width: 900px;
  }
}
/*设置在屏幕（浏览器）不大于1200px时，main的宽度显示宽度为900px*/
</style>
